<script setup lang="ts">

</script>

<template>
  <div class="container">
    <!-- 导航 -->
    <Header></Header>
    <!-- 内容区域 -->
    <div class="content">
      <router-view></router-view>
    </div>
    <!-- 版权区域 -->
    <Footer></Footer>

    <!-- 登录 -->
    <Login></Login>
  </div>

</template>

<style scoped lang="scss">
* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content {
  width: 1200px;
  min-height: 600px;
  // background-color: pink;
  margin-top: 80px;
}
</style>
